// import { VXETable } from 'vxe-table'
// import FilterInput from './FilterInput.vue'
// import FilterContent from './FilterContent.vue'
// import FilterComplex from './FilterComplex.vue'
// // 创建一个简单的输入框筛选
// VXETable.renderer.add('FilterInput', {
//     // 筛选模板React
//     renderFilter(renderOpts, params) {
//         return <FilterInput params={params}></FilterInput>
//     },
//     // 重置数据方法
//     filterResetMethod(params) {
//         const { options } = params
//         options.forEach((option) => {
//             option.data = ''
//         })
//     },
//     // 重置筛选复原方法（当未点击确认时，该选项将被恢复为默认值）
//     filterRecoverMethod({ option }) {
//         option.data = ''
//     },
//     // 筛选方法
//     filterMethod(params) {
//
//         const { option, row, column } = params
//         const { data } = option
//         const cellValue = row[column.field]
//         console.log('cccc', row[column.field])
//         if (cellValue) {
//             return cellValue.indexOf(data) > -1
//         }
//         return false
//     }
// })
//
// // 创建一个支持列内容的筛选
// VXETable.renderer.add('FilterContent', {
//     // 不显示底部按钮，使用自定义的按钮
//     showFilterFooter: false,
//     // 筛选模板
//     renderFilter(renderOpts, params) {
//         return <FilterContent params={params}></FilterContent>
//     },
//     // 重置数据方法
//     filterResetMethod(params) {
//         const { options } = params
//         options.forEach((option) => {
//             option.data = { vals: [], sVal: '' }
//         })
//     },
//     // 筛选数据方法
//     filterMethod(params) {
//         const { option, row, column } = params
//         const { vals } = option.data
//         const cellValue = row[column.field]
//         return vals.includes(cellValue)
//     }
// })
//
// // 创建一个条件的渲染器
// VXETable.renderer.add('FilterComplex', {
//     // 不显示底部按钮，使用自定义的按钮
//     showFilterFooter: false,
//     // 筛选模板
//     renderFilter(renderOpts, params) {
//         return <FilterComplex params={params}></FilterComplex>
//     },
//     // 重置数据方法
//     filterResetMethod(params) {
//         const { options } = params
//         options.forEach((option) => {
//             option.data = { type: 'has', name: '' }
//         })
//     },
//     // 筛选数据方法
//     filterMethod(params) {
//         const { option, row, column } = params
//         const cellValue = row[column.field]
//         const { name,value } = option.data
//         console.log(value,name)
//         if (cellValue) {
//             return cellValue.indexOf(name) > -1
//         }
//         return false
//     }
// })
